padding - bottom
|
|
|
|
|
|
|||||||||
|
6.0 |
7.0 |
8.0 |
8.0 |
9.0 |
8.0 |
9.2 |
9.5 |
1.3 |
2.0 |
3.1 |
1.5 |
2.0 |
3.0 |
|
Частково |
Частково |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Так |
Коротка
інформація
|
CSS |
CSS1,
CSS2.1 |
|
Значення за умовчанням |
0 |
|
Наслідує |
Ні |
|
Застосовується |
До
усіх елементів |
|
Аналог HTML |
Ні |
|
Посилання на специфікацію |
http://www.w
3.org/TR/CSS21/box.html#propdef - padding - bottom |
Опис
Встановлює
значення поля від нижнього краю утримуваного елементу. Полем називається
відстань від внутрішнього краю рамки елементу до уявного прямокутника, що
обмежує його вміст (мал. 1).
Мал. 1. Поле знизу від тексту
Синтаксис
padding
- bottom: значення | inherit
Значення
Величину
нижнього поля можна вказувати в пікселах (px), відсотках (%) або інших
допустимих для CSS одиницях.Значення inherit вказує, що воно наслідує у батька.
Приклад
HTML 4.0
CSS 2.1 IE 6 IE 7 IE 8 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http ://www.w 3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows - 1251"> <title>padding - bottom</title> <style type="text/css"> .layer { background: #fc3; /* Колір фону */ border: 2px solid #000; /* Параметрів рамки */ padding - bottom: 40px; /* Поле знизу від тексту */ padding - top: 40px; /* Поле згори від тексту */ text - align: center; /* Вирівнювання по центру */ } </style> </head> <body> <div class="layer"> Lorem ipsum dolor sit amet </div> </body></html>
Результат
цього прикладу показаний ні мал. 2.
Мал. 2. Застосування властивості padding - bottom
Об'єктна модель
[window.]document.getElementById("elementID").style.paddingBottom
Браузери
Internet
Explorer до сьомої версії включно не підтримує значення inherit.
